<style>
	@import url('../static/css/gameinfo.css');
</style>
<template>
	<!-- 公共头部 -->
	<view> <my-header :title="list.nake_name" :lefticon="'left'"></my-header></view>
	<!-- 年地方赛 -->
	<view class="content">
		<view class="gamedes">
			<view class="blackcolor mb20">比赛详情</view>
			<view class="w100">
				<view class="floatleft mr10">名称:</view>
				<view class="floatleft">{{list.nake_name}}</view>
			</view>
			<view class="w100">
				<view class="floatleft mr10">开赛日期:</view>
				<view class="floatleft">{{list.start_time}}</view>
			</view>
			<view class="w100">
				<view class="floatleft mr10">结束时间:</view>
				<view class="floatleft">{{list.end_time}}</view>
			</view>
			<view class="w100">
				<view class="floatleft mr10">比赛状态:</view>
				<view class="floatleft" v-if="list.state==1">待开赛</view>
				<view class="floatleft" v-else-if="list.state==2">进行中</view>
				<view class="floatleft" v-else-if="list.state==3">已结束</view>			
			</view>
		</view>
 

		<view class="gamenav w100">
			<navigator :url="'/pages/hitgame/pages/rule?id='+make_id"><view class="">赛事规则</view></navigator>
			<navigator :url="'/pages/hitgame/pages/ranking?id='+make_id"><view class="">排行榜</view></navigator>
			<!-- <navigator url="/pages/hitgame/pages/ownteamlist"><view class="">单人对战</view></navigator> -->
			<navigator :url="'/pages/hitgame/pages/battlehall?id='+make_id"><view class="">对战大厅</view></navigator>
			<!-- <navigator url="/pages/hitgame/pages/pay"><view class="">购买次数</view></navigator> -->
			<view class=""><button  open-type="share" class="sharebuttom">邀请朋友</button></view>
			<navigator :url="'/pages/hitgame/pages/prizelist?id='+make_id"><view class="">查看奖励</view></navigator>
		</view>
		
		<view class="number w100 mt10 fs24">
			比赛次数还剩余<text class="redcolor">{{makecount}}</text>次，请邀请朋友增加比赛次数！
		</view>
	 
		<view class="gameappaly">
			<view class="blackcolor mb20 mt20">报名列表({{list.make_user_count}})</view>
			<view class="dispalyflex gameappaly_list_a height80">
				<view class="flex tcenter">头像</view>
				<view class="flex tcenter">姓名</view>
				<view class="flex tcenter">性别</view>
				<view class="flex tcenter">年龄</view>
			</view>
			<view class="gameappaly_list">
				
				
				<view class="dispalyflex gameappaly_list_a height80"  v-for="(item,index) in userList"  v-if="userList.length>0">
					<view class="flex tcenter lineheight45"><image :src="item.user_img"></image></view>
					<view class="flex tcenter lh80">{{item.nickname}}</view>
					<view class="flex tcenter lh80">{{item.gender==1?'男':'女'}}</view>
					<view class="flex tcenter lh80">{{item.age}}</view>
				</view>
				<view class="nodata" v-else>暂无数据</view>
				
			 
			</view>

		</view>
 

		<view class="keepTraining" @click="appalymatch()"  v-if="list.state==1 && list.is_make_user<=0" ><view>报名参赛</view></view>
		<view class="keepTraining"  v-if="list.state==1 && list.is_make_user>0" ><view>待进入</view></view>
		
		<view class="keepTraining"  v-if="list.state==2 && list.is_make_user<=0" ><view>进行中</view></view>
		<view class="keepTraining" @click="inmatch()"  v-if="list.state==2 && list.is_make_user>0" ><view>进入比赛</view></view>
		
		<view class="floatright backcolor"  v-if="list.state==3">查看成绩</view>
		

	</view>
	<view>
		<Tabbar :current="'1'"></Tabbar>
	</view>
</template>
<script type="module" src="../static/js/gameinfo.js"></script>